﻿<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" media="screen" href="css/smoothness/jquery-ui-1.10.3.custom.min.css" />	<!-- jqueryUI CSS -->
<link rel="stylesheet" type="text/css" media="screen" href="css/selfTemplate.css" />						<!-- 本專案自行定義 CSS -->
<script src="js/jquery-1.9.1.min.js"></script>		<!-- jQuery 核心 -->
<script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>								<!-- jqueryUI 核心 -->
<script src="js/jquery.cookie.js"></script>																	<!-- 操作cookie用 -->
<script src="js/widgets.js" type="text/javascript"></script>												<!-- 本專案自行定義 JS -->

<title>DPS部署交付系統</title>

<script type="text/javascript">

$(document).ready(function() {
	$(".mm").prop("title","歡迎使用部署系統").bind("click",function(){ location.assign("menu.html"); });
	$("#logout").prop("title","登出系統").bind("click",function(){ logout(); location.assign("index.html"); });
	
	$.cookie("accessList","NoRight");
	
	/** 登入的按鈕 **/
	$("#loginButton").bind("click", function() {
		if ( $.trim( $("#userID").val() ) == "") {
			$("#message").html("沒有輸入User ID!");
		} else if ( $.trim( $("#password").val() ) == "") {
			$("#message").html("沒有輸入Password!");
		} else {
			$.ajax({
				type : "post",
				url : "Auth",
				data : $("#loginForm").serializeArray(),
				dataType : "json",
				success : function(reses) {
					$.each(reses,function(i, res) {
						if (res.status == 1) { //身份核對正常，且擁有權限
							$.cookie("userId", res.userId );
							$.cookie("pwd", res.pwd );
							$.cookie("userName", res.userName );
							$.cookie("isSU", res.isSU );
							$.cookie("QueryDateRange", res.reDepQueryFrame );		//	查詢預設日期區間
							
							window.location = "menu.html";
						} else {
							$.cookie("userId", null);
							$.cookie("pwd", null);
							$.cookie("userName", null);
							$.cookie("QueryDateRange", null);
							$.cookie("isSU", null );
							$("#message").html(res.status);
						}	
					});
				}, error : function(xhr, ajaxOptions, thrownError) {
					$("#message").html("錯誤訊息狀態：" + xhr.status+"<p>");
					$("#message").append(xhr.responseText);
				}
			});
		}
	});
	
	$("#userID").focus();
	
	/** 在畫面初始時，如果Cookie中，仍存在使用者的值，則直接送出，不用再輸入 **/
	if ($.cookie("userID") != undefined || $.cookie("userID") != null) {
		$("#userID").val( $.cookie("userID") );
		$("#password").val( $.cookie("password") );
		$("#loginButton").click();
	}
}).tooltip();

</script>
</head>
<body>
	<div id="login" class="forLogin">
		<form id="loginForm" action="post">
		<h1>歡迎來到MBilling 部署系統 !</h1>
			<table>
				<tr>
					<th><label for="userID">User ID</label></th>
					<!-- <td><input type="text" id="userID" name="userID" maxLength="15" size="15" /></td> -->
					<td><input type="text" id="userID" name="userID" maxLength="15" size="15" value="842297" /></td>
				</tr>
				<tr>
					<th><label for="password">Password</label></th>
					<td><input type="password" id="password" name="password" maxLength="15" size="15" value="abcd1234" /></td>
					<!-- <td><input type="password" id="password" name="password" maxLength="15" size="15" /></td> -->
				</tr>
				
			</table>
			<p>
		<button type="button" id="loginButton" class="forLogin">Log in</button>
	<p>
	<div class="alert" id="message"></div>
	</form>
	</div>
	
</body>
</html>